<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
</head>
<body>
      <div id="box"><li>hello</li></div>
      <script>
            var box = document.getElementById("box");
            console.log(box);

            // // DOM => 属性结构;

            // var node = {
            //       tag         : "div",
            //       value       : "hello world",
            //       children    : [],
            //       attr        : {
            //             class : "box"
            //       }
            // }

            // function domToData(node){
            //       var nodeData = {attr:{} , children : []};
            //       nodeData.tag   = node.nodeName;
            //       nodeData.value = node.innerText;
            //       var nodeAttributes = node.attributes;
            //       // 目标 : 找到每一条属性;
            //       for(var i = 0 ; i < nodeAttributes.length ; i ++){
            //             nodeData.attr[nodeAttributes[i].nodeName] = nodeAttributes[i].nodeValue;
            //       }
            //       if(node.children.length >= 1){
            //             for(var i = 0 ; i < node.children.length ; i ++){
            //                   nodeData.children.push(domToData(node.children[i]))
            //             }
            //       }
            //       nodeData.label = Date.now();

            //       return nodeData;
            // }

      </script>
</body>
</html>